﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
	CodeBehind="Index.aspx.cs" Inherits="Habito.Products.Index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Habito Contruction Chemicals Company - Products
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<input type="hidden" name="" value="<%=ViewState["id"] %>" id="currentID" />
	<div style="width: 320px; position: absolute; text-align: left;">
		<div>
			<div id="classFieldHolder" class="arrowlistmenu">
				<%= ViewState["class"]%>
			</div>
		</div>
	</div>
	<div id="descHolder" style="width: 600px; text-align: left; overflow: visible; height: auto;
		margin-left: 358px; position: absolute">
		<p id="mainMsg">HABITO CONSTRUCTION CHEMICALS have formulated ranges of specialty products
			for the building industry, meet the highest quality standards as well as international
			EN, BS and ASTM norms.<br />
			<br />
			<br />
			The product lines offered by Habito are classified as follows:
			<br />
			<br />
			<br />
			<a href="#">*CONCRETE ADMIXTURES</a><br />
			<br />
			<a href="#">*TECHNOLOGY TRANSMITTING FOR CONCRETE ADMIXTURES</a><br />
			<br />
		</p>
	</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
	<script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
	<script src="../Scripts/common.js" type="text/javascript"></script>
	<link href="../Content/Site.css" rel="stylesheet" type="text/css" />
	<link href="../Content/icon.css" rel="stylesheet" type="text/css" />
	<link href="../Content/easyui.css" rel="stylesheet" type="text/css" />
	<script src="../Scripts/ddaccordion.js" type="text/javascript"></script>
	<script type="text/javascript" src="../Scripts/jquery.easyui.min.js"></script>
	<style type="text/css">
		.arrowlistmenu { width: 338px; }
		.arrowlistmenu .menuheader { display: block; width: 90%; height: 30px; font-family: Arial, Helvetica, sans-serif; color: white; background: no-repeat center left; margin-bottom: 10px; padding: 4px 0 4px 10px; cursor: hand; cursor: pointer; background-image: url(../../Content/Images/moretitle.png); padding-left: 24px; }
		.arrowlistmenu .openheader { background-image: url('../../Content/Images/moretitle.png'); padding-left: 24px; }
		.arrowlistmenu ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; }
		.arrowlistmenu ul li { padding-bottom: 2px; }
		.arrowlistmenu ul li span { padding-left: 30px; color: #006FA1; background: url('../../Content/images/document.png') no-repeat center left; display: block; text-decoration: none; font-size: 11px; }
		.arrowlistmenu ul li a:visited { color: #006FA1; }
		.arrowlistmenu ul li a:hover { color: #A70303; }
		.categoryitems li { padding-left: 24px; }
		.cc:hover { text-decoration: underline; }
		.expandable { padding-left: 24px; }
	</style>
	<script type="text/javascript">
		var mainMsg = $("#mainMsg").html();
		$(document).ready(function () {
			var classlist = $("[tag=1]");
			if ($("#currentID").val() != '' && $("#currentID").val() != undefined) {
				$.ajax({
					cache: false,
					url: "Index.aspx" + "?GetProductDesciption=1",
					data: { productID: $("#currentID").val() },
					success: function (data) {
						$("#descHolder").html(data);
					},
					error: function (data) { alert("ERROR"); }
				});
			}
			$(classlist).each(function (index, content) {
				$(classlist[index]).bind('click', function () {
					$("#productUL").html('');
					var classid = $(classlist[index]).attr("classID");
					$.ajax({
						cache: false,
						url: "Index.aspx" + '?GetProductDesciption=1',
						data: { productID: classid },
						success: function (data) {
							$("#descHolder").html(data);
						},
						error: function (data) { alert(data.toString()); }
					});
				});
			});

			//			if ($("#currentID").val() != "") {
			//				$.ajax({
			//					cache: false,
			//					url: "Index.aspx" + "?GetProductDesciption=1",
			//					data: { productID: $("#currentID").val() },
			//					success: function (data) {
			//						$("#descHolder").html(data);
			//					},
			//					error: function (data) { alert("ERROR"); }
			//				});
			//			}
		});
		ddaccordion.init({
			headerclass: "expandable",
			contentclass: "categoryitems",
			revealtype: "click",
			mouseoverdelay: 320,
			collapseprev: true,
			defaultexpanded: [0],
			onemustopen: false,
			animatedefault: false,
			persiststate: true,
			toggleclass: ["", "openheader"],
			togglehtml: ["prefix", "", ""],
			animatespeed: "slow",
			oninit: function (headers, expandedindices) {

			},
			onopenclose: function (header, index, state, isuseractivated) {

			}
		});
			 
	</script>
</asp:Content>
